import Demo01 from './Demo01'
import Demo02 from './Demo02'
import Demo03 from './Demo03'
import Demo04 from './Demo04'
import usePosition from './Demo03/usePostion'

import Demo05 from './demo05p'

export default function App() {
  const pos = usePosition()
  return (
    <div>
      {/* <Demo01 />
      <Demo02 />
      <Demo03 />
      
      <div>{pos.x}, {pos.y}</div> */}
      {/* <Demo05 /> */}
      <Demo04 name='xxx' />
    </div>
  )
}

/**
 * 1. 完全使用 React 的机制重写 useContext
 * 2. 设计一款状态管理工具
 * 3. 在高端面试中，如何作为面试亮点来表达
 * 
 * > 这里的高端面试是指至少大厂 P6 以上的级别
 */